<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    
    <link rel="shortcut icon" href="icon.png"/>

    <script src="https://cdn.tailwindcss.com"></script>

    <title>United Fuel Cards</title>
</head>
<body class="font-['Gilroy']">

<div class="relative w-full h-[950px] bg-fixed bg-cover bg-[url('images/bg-1.jpg')] mb-[120px]">
    <div class="absolute top-0 left-0 right-0 bottom-0" style="background: linear-gradient(0deg, rgba(77, 77, 77, 0.7) 0%, rgba(12, 4, 9, 0.85) 100%)"></div>
    <div class="flex flex-col h-full justify-center relative">

        <!-- Header -->
        <div class="mb-auto">
            <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
                <div class="flex items-center justify-between w-full py-[15px]">
                    <a href="index.html">
                        <img src="images/logo.svg" alt="United Fuel Cards" class="w-[105px]">
                    </a>
                    <ul class="flex max-lg:hidden">
                        <li class="mr-[15px] last:mr-0"><a href="#aboutUs" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">About us</a></li>
                        <li class="mr-[15px] last:mr-0"><a href="#ourClub" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Our Fuel Club</a></li>
                        <li class="mr-[15px] last:mr-0"><a href="#coreValues" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Values</a></li>
                        <li class="mr-[15px] last:mr-0"><a href="#ourGoals" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Goals</a></li>
                        <li class="mr-[15px] last:mr-0"><a href="#ourServices" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Services</a></li>
                        <li class="mr-[15px] last:mr-0"><a href="#ourPartners" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Partners</a></li>
                        <li class="mr-[15px] last:mr-0"><a href="#contactUs" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Contact us</a></li>
                    </ul>
                    <button class="ToggleMobileMenu lg:hidden text-white w-[40px]">
                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M19 12.75H5C4.80109 12.75 4.61032 12.671 4.46967 12.5303C4.32902 12.3897 4.25 12.1989 4.25 12C4.25 11.8011 4.32902 11.6103 4.46967 11.4697C4.61032 11.329 4.80109 11.25 5 11.25H19C19.1989 11.25 19.3897 11.329 19.5303 11.4697C19.671 11.6103 19.75 11.8011 19.75 12C19.75 12.1989 19.671 12.3897 19.5303 12.5303C19.3897 12.671 19.1989 12.75 19 12.75Z" fill="currentColor"/>
                            <path d="M19 8.25H5C4.80109 8.25 4.61032 8.17098 4.46967 8.03033C4.32902 7.88968 4.25 7.69891 4.25 7.5C4.25 7.30109 4.32902 7.11032 4.46967 6.96967C4.61032 6.82902 4.80109 6.75 5 6.75H19C19.1989 6.75 19.3897 6.82902 19.5303 6.96967C19.671 7.11032 19.75 7.30109 19.75 7.5C19.75 7.69891 19.671 7.88968 19.5303 8.03033C19.3897 8.17098 19.1989 8.25 19 8.25Z" fill="currentColor"/>
                            <path d="M19 17.25H5C4.80109 17.25 4.61032 17.171 4.46967 17.0303C4.32902 16.8897 4.25 16.6989 4.25 16.5C4.25 16.3011 4.32902 16.1103 4.46967 15.9697C4.61032 15.829 4.80109 15.75 5 15.75H19C19.1989 15.75 19.3897 15.829 19.5303 15.9697C19.671 16.1103 19.75 16.3011 19.75 16.5C19.75 16.6989 19.671 16.8897 19.5303 17.0303C19.3897 17.171 19.1989 17.25 19 17.25Z" fill="currentColor"/>
                        </svg>
                    </button>
                </div>
            </div>
            <div class="MobileMenu hidden absolute top-0 w-full h-screen bg-black">
                <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
                    <div class="flex items-center justify-between w-full h-[120px]">
                        <a href="index.html">
                            <img src="images/logo.svg" alt="United Fuel Cards" class="w-[105px]">
                        </a>
                        <div class="ToggleMobileMenu relative flex justify-center h-[28px] w-[40px] cursor-pointer">
                            <span class="absolute top-0 block bg-white h-full w-[2px] rotate-45"></span>
                            <span class="absolute top-0 block bg-white h-full w-[2px] -rotate-45"></span>
                        </div>
                    </div>

                    <ul class="flex flex-col items-center justify-center gap-[15px] mt-2">
                        <li><a href="#aboutUs" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">About us</a></li>
                        <li><a href="#ourClub" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Our Fuel Club</a></li>
                        <li><a href="#coreValues" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Values</a></li>
                        <li><a href="#ourGoals" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Goals</a></li>
                        <li><a href="#ourServices" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Services</a></li>
                        <li><a href="#ourPartners" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Partners</a></li>
                        <li><a href="#contactUs" class="text-[19px] text-white font-bold hover:text-[#ffcb0b] transition-colors">Contact us</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Hero block -->
        <div class="flex flex-col items-center justify-center w-full mb-auto px-[15px] text-center">
            <span class="text-[#e0e0e0] text-[18px] mb-[20px] max-w-[90%] mx-auto">United fuel</span>
            <h1 class="text-white text-[70px] font-bold leading-[1.1] mb-[40px] max-w-[90%] mx-auto">Full solution services in logistics</h1>
            <p class="text-white text-[19px] font-medium mb-[40px]">Helping trucking companies efficiently transport loads safely, securely, and on-time.</p>
            <a href="cabinet.html" class="block py-[20px] px-[52px] bg-[#ffcb0b] uppercase text-[#0c0409] text-uppercase font-bold rounded-[30px] hover:bg-[#d1a609] hover:text-white transition-colors">Explore more</a>
        </div>
    </div>
</div>

<div class="mb-[120px]" id="aboutUs">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="grid grid-cols-2 gap-[30px] max-lg:grid-cols-1">
            <div>
                <img src="images/truck.jpg" alt="" class="w-full">
            </div>
            <div>
                <div class="border-0 border-b border-solid border-[#efefef] pb-[20px] mb-[40px]">
                    <div class="text-[20px] max-md:text-[16px] mb-[20px] font-bold">About Us</div>
                    <h2 class="text-[42px] max-md:text-[34px] mb-[25px] font-bold leading-[1.2]"><span class="text-[#ffcb0b]">Leaders in logistics</span> Empowering efficient, secure, and on-time transport</h2>
                    <p class="text-[20px]">United fuel is a leading full solution services provider dedicated to safety and technology in logistics. Our primary mission is to assist trucking companies in efficiently and securely transporting their loads while ensuring on-time delivery. We pride ourselves on our commitment to delivering innovative solutions and making business interactions as seamless as possible.</p>
                </div>
                <div class="flex items-start">
                    <a href="tel:+1 888-502-3442" class="flex items-center justify-center w-[50px] mr-[15px] aspect-square bg-[#ffcb0b] rounded-full h-[50px]">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" style="max-width:100%" height="100%" class="w-[26px]">
                            <path d="M90.1,75.1l-0.5-1c-1.4-3.3-18.6-8.3-20-8.4l-1.1,0.1c-2.1,0.4-4.4,2.3-8.9,6.2c-0.9,0.8-2.1,1-3.2,0.4  c-5.9-3.3-13.1-9.9-16.7-13.9c-3.9-4.3-8.6-11.4-10.8-17.1c-0.4-1.1,0-2.3,0.8-3.1c5.1-4.6,7.3-6.8,7.5-9.2c0.1-1.4-2.9-19.1-6-20.8  l-0.9-0.6c-2-1.3-5-3.2-8.3-2.5c-0.8,0.2-1.6,0.5-2.3,0.9C17.5,7.5,12,11.3,9.5,16.2C8,19.3,7.3,47.4,28.3,71.1  c20.8,23.5,46.5,24.5,50.3,23.7l0.1,0l0.3-0.1c5.2-1.9,9.6-6.8,11.3-8.9C93.4,82.1,91.3,77.6,90.1,75.1z" style="" fill="#000"></path>
                        </svg>
                    </a>
                    <div class="text-[18px]">
                        <strong>Call us <a href="tel:+1 888-502-3442" class="underline">+1 888-502-3442</a></strong>
                        <p>* Our 24/7 support team is ready to assist you whenever you need help.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mb-[120px]" id="ourClub">
    <div class="parallax relative bg-cover bg-[url('images/bg-2.jpg')]">
        <div class="absolute top-0 left-0 right-0 bottom-0 bg-[#0c0409]/70"></div>
        <div class="relative py-[120px]">
            <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
                <div class="flex flex-col items-center w-[800px] max-lg:w-full mx-auto text-center">
                    <h2 class="text-[42px] max-md:text-[34px] text-white mb-[25px] font-bold leading-[1.2]">Join our fleet club today to get exclusive fuel cards and start saving on your fuel expenses!</h2>
                    <p class="text-[20px] text-white mb-[60px]">Are you looking to reduce your fuel expenses and simplify your logistics operations?</p>
                    <a href="cabinet.html" class="block py-[20px] px-[35px] bg-[#ffcb0b] uppercase text-[#0c0409] text-uppercase font-bold rounded-[30px] hover:bg-[#d1a609] hover:text-white transition-colors">Join now</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="px-[30px] mb-[90px]" id="coreValues">
    <div class="text-center mb-[50px]">
        <div class="text-[20px] max-md:text-[16px] mb-[20px] font-bold">Core Values</div>
        <h2 class="text-[42px] max-md:text-[34px] mb-[25px] font-bold leading-[1.2]">At <span class="text-[#ffcb0b]">United fuel</span>, we are guided by <br> four core <span class="text-[#ffcb0b]">values</span></h2>
    </div>
    <div class="grid grid-cols-4 gap-[30px] mb-[45px] max-xl:grid-cols-3 max-lg:grid-cols-2 max-md:grid-cols-1">
        <div class="relative">
            <div class="absolute top-0 left-0 right-0 bottom-0" style="background: linear-gradient(0deg, rgba(12, 4, 9, 0.8) 0%, rgba(77, 77, 77, 0.11) 100%)"></div>
            <img src="images/value-1.jpeg" alt="" class="w-full h-[540px] object-cover max-xl:h-[400px]">
            <div class="absolute left-0 right-0 bottom-0 px-[30px] pb-[40px]">
                <div class="text-white text-center">
                    <h5 class="text-[26px] mb-[15px]">Safety</h5>
                    <p class="text-[17px]">Ensuring the safety of your cargo and operations.</p>
                </div>
            </div>
        </div>
        <div class="relative">
            <div class="absolute top-0 left-0 right-0 bottom-0" style="background: linear-gradient(0deg, rgba(12, 4, 9, 0.8) 0%, rgba(77, 77, 77, 0.11) 100%)"></div>
            <img src="images/value-2.jpeg" alt="" class="w-full h-[540px] object-cover max-xl:h-[400px]">
            <div class="absolute left-0 right-0 bottom-0 px-[30px] pb-[40px]">
                <div class="text-white text-center">
                    <h5 class="text-[26px] mb-[15px]">Quality</h5>
                    <p class="text-[17px]">Delivering high-quality logistics and transportation solutions.</p>
                </div>
            </div>
        </div>
        <div class="relative">
            <div class="absolute top-0 left-0 right-0 bottom-0" style="background: linear-gradient(0deg, rgba(12, 4, 9, 0.8) 0%, rgba(77, 77, 77, 0.11) 100%)"></div>
            <img src="images/value-3.jpeg" alt="" class="w-full h-[540px] object-cover max-xl:h-[400px]">
            <div class="absolute left-0 right-0 bottom-0 px-[30px] pb-[40px]">
                <div class="text-white text-center">
                    <h5 class="text-[26px] mb-[15px]">Integrity</h5>
                    <p class="text-[17px]">Upholding the highest ethical standards in all our dealings.</p>
                </div>
            </div>
        </div>
        <div class="relative">
            <div class="absolute top-0 left-0 right-0 bottom-0" style="background: linear-gradient(0deg, rgba(12, 4, 9, 0.8) 0%, rgba(77, 77, 77, 0.11) 100%)"></div>
            <img src="images/value-4.jpeg" alt="" class="w-full h-[540px] object-cover max-xl:h-[400px]">
            <div class="absolute left-0 right-0 bottom-0 px-[30px] pb-[40px]">
                <div class="text-white text-center">
                    <h5 class="text-[26px] mb-[15px]">Respect</h5>
                    <p class="text-[17px]">Treating our partners and customers with respect and fairness.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center">
        <p class="font-bold text-[17px]">We will be glad to answer any questions. Contact us: <br> <a href="tel:+1 888-502-3442">+1 888-502-3442</a> or <a href="mailto:admin@unitedtransportllc.org">admin@unitedtransportllc.org</a></p>
    </div>
</div>

<div class="mb-[120px]" id="ourGoals">
    <div class="grid grid-cols-2 max-lg:grid-cols-1">
        <div>
            <img src="images/bg-3.jpeg" alt="" class="w-full h-[580px] object-cover max-lg:max-h-[400px] max-lg:h-auto">
        </div>
        <div class="flex items-center justify-center p-[60px] bg-[#43176a] max-lg:justify-start max-lg:px-[30px]">
            <div class="w-full max-w-[570px]">
                <div class="text-[20px] text-white mb-[20px] font-bold">Our goal</div>
                <h2 class="text-[42px] text-white mb-[25px] font-bold leading-[1.2]"><span class="text-[#ffcb0b]">Simplifying logistics</span> challenges for your success</h2>
                <p class="text-[20px] text-white">Our goal is to simplify your logistics processes and solve any challenges you may encounter during transport. We prioritize honesty, hard work, and the use of advanced technology to ensure our customers' success.</p>
            </div>
        </div>
    </div>
</div>

<div class="mb-[120px]" id="ourServices">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="text-center mb-[50px]">
            <div class="text-[20px] max-md:text-[16px] mb-[20px] font-bold">Our Services</div>
            <h2 class="text-[42px] max-md:text-[34px] mb-[25px] font-bold leading-[1.2]">We provide comprehensive solutions to support your <span class="text-[#ffcb0b]">transportation</span> and <span class="text-[#ffcb0b]">logistics</span></h2>
        </div>
        <div class="grid grid-cols-3 gap-[30px] max-md:gap-[50px] max-lg:grid-cols-2 max-md:grid-cols-1">
            <div class="flex flex-col">
                <img src="images/service-1.jpeg" alt="" class="w-full aspect-[37/27] mb-[20px] object-cover">
                <h4 class="font-bold text-[26px] leading-[1.3] mb-[20px]">High-tech tracking and technology systems</h4>
                <p class="text-[17px] mt-auto">Our cutting-edge tracking and tech systems provide real-time visibility, enhancing efficiency and reducing risks.</p>
            </div>
            <div class="flex flex-col">
                <img src="images/service-2.jpeg" alt="" class="w-full aspect-[37/27] mb-[20px] object-cover">
                <h4 class="font-bold text-[26px] leading-[1.3] mb-[20px]">Skilled and friendly drivers</h4>
                <p class="text-[17px] mt-auto">Our experienced, friendly drivers prioritize on-time, secure deliveries with exceptional care.</p>
            </div>
            <div class="flex flex-col">
                <img src="images/service-3.jpeg" alt="" class="w-full aspect-[37/27] mb-[20px] object-cover">
                <h4 class="font-bold text-[26px] leading-[1.3] mb-[20px]">Dedicated customer service staff</h4>
                <p class="text-[17px] mt-auto">Our 24/7 customer service team is ready to assist with any inquiries, ensuring a hassle-free experience.</p>
            </div>
        </div>
    </div>
</div>

<div class="mb-[120px] py-[120px] bg-[#ffcb0b]"  id="faq">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="grid grid-cols-5 gap-[30px] max-lg:grid-cols-1 max-md:gap-[50px]">
            <div class="col-span-2 max-lg:col-span-1">
                <div class="bg-white p-[40px]">
                    <h4 class="mb-[20px] text-[26px] font-bold">Get a free <span class="text-[#ffcb0b]">consultation</span></h4>
                    <form >
                        <div class="mb-[20px]">
                            <label class="block text-[17px] font-medium mb-[10px]">Your name*</label>
                            <input type="text" class="w-full px-[30px] py-[10px] bg-[#f3f6f5] rounded-[19px]" id="email-name" required>
                        </div>
                        <div class="mb-[20px]">
                            <label class="block text-[17px] font-medium mb-[10px]">E-mail*</label>
                            <input type="email" class="w-full px-[30px] py-[10px] bg-[#f3f6f5] rounded-[19px]" id="email-address" required>
                        </div> 
                        <div class="mb-[20px]">
                            <label class="block text-[17px] font-medium mb-[10px]">Message * </label>
                            <textarea rows="5" class="w-full px-[30px] py-[10px] bg-[#f3f6f5] rounded-[19px]" id="email-message" required></textarea>
                        </div>
                        <div class="mt-[55px]">
                            <button type="button" id="email-submit1" class="block w-full py-[11px] px-[15px] bg-[#491938] uppercase text-[#ffffff] text-uppercase font-bold rounded-[19px] hover:bg-[#892d66] transition-colors">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-span-3 max-lg:col-span-1 flex flex-col justify-center">
                <div class="text-[20px] max-md:text-[16px] mb-[20px] font-bold">FAQ</div>
                <h2 class="text-[42px] max-md:text-[34px] font-bold leading-[1.2] mb-[30px]">Still Have Any Questions?</h2>
                <p class="text-[19px] mb-[30px] font-medium">We've collected answers to the most popular questions. If you need to clarify anything, our managers will be happy to help!</p>
                <div class="themeAccordionContainer">
                    <div class="themeAccordion py-[19px] border-0 border-b border-solid border-[#000]/20">
                        <a href="javascript:void(0);" class="themeAccordionBtn flex items-center justify-between font-bold text-[19px]">
                            <span>How to optimize your trucking fleet management?</span>
                            <div class="[.themeAccordionActive_&]:hidden w-[15px]">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="3 3 18 18">
                                    <path d="M4 12H20M12 4V20" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </div>
                            <div class="[.themeAccordionActive_&]:!block w-[15px] hidden">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="3 11 18 2">
                                    <path d="M4 12L20 12" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </div>
                        </a>
                        <p class="themeAccordionBody text-[17px] mt-[19px] hidden">Fleet management is a critical concern for trucking companies of all sizes. Not only do you need to worry about the safety of your drivers and vehicles, but you also need to keep costs under control.</p>
                    </div>
                    <div class="themeAccordion py-[19px] border-0 border-b border-solid border-[#000]/20">
                        <a href="javascript:void(0);" class="themeAccordionBtn flex items-center justify-between font-bold text-[19px]">
                            <span>Who are your main clients?</span>
                            <div class="[.themeAccordionActive_&]:hidden w-[15px]">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="3 3 18 18">
                                    <path d="M4 12H20M12 4V20" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </div>
                            <div class="[.themeAccordionActive_&]:!block w-[15px] hidden">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="3 11 18 2">
                                    <path d="M4 12L20 12" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </div>
                        </a>
                        <p class="themeAccordionBody text-[17px] mt-[19px] hidden">We served a broad list of industries but our biggest clients are: Distributors and Retailers, Manufactures and General merchandise, Consumer products (not perishables), Auto parts retailers and Car Dealerships, etc.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mb-[120px]">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="text-center  mb-[50px]">
            <div class="text-[20px] max-md:text-[16px] text-[#868686] mb-[20px] font-bold">Why Choose us</div>
            <h2 class="text-[42px] max-md:text-[34px] font-bold leading-[1.2]">Why choose <span class="text-[#ffcb0b]">United fuel</span>?</h2>
        </div>

        <div class="grid grid-cols-3 gap-[30px] max-lg:grid-cols-2 max-md:grid-cols-1">
            <div class="flex flex-col px-[30px] pt-[40px] pb-[50px] bg-[#43176a]">
                <span class="w-[50px] aspect-square mb-[25px] text-[#ffcb0b]">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="max-width:100%" height="100%"><path fill="currentColor" d="M40.5,16.8L25,5.9V0.5h-2v5.4L7.5,16.8h-7v30.7h47V16.8H40.5z M24,7.7l13,9.1H11L24,7.7z M11.5,41.6h-2V22.7  h2V41.6z M20.5,41.6h-2V22.7h2V41.6z M29.5,41.6h-2V22.7h2V41.6z M38.5,41.6h-2V22.7h2V41.6z" style=""></path></svg>
                </span>
                <h5 class="text-white text-[26px] font-bold mb-[20px]">Best transportation and logistics solutions</h5>
                <p class="mt-auto text-white text-[17px]">We are dedicated to offering the finest transportation and logistics solutions in the industry.</p>
            </div>
            <div class="flex flex-col px-[30px] pt-[40px] pb-[50px] bg-[#43176a]">
                <span class="w-[50px] aspect-square mb-[25px] text-[#ffcb0b]">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" style="max-width:100%" height="100%"><g style="" fill="currentColor"><g style="" fill="currentColor"><path d="M30,15v6c0,0.5499878-0.4500122,1-1,1H9c-0.5499878,0-1-0.4500122-1-1v-6c0-0.5499878,0.4500122-1,1-1h20    C29.5499878,14,30,14.4500122,30,15z" style="" fill="currentColor"></path><path d="M17,26v6c0,0.5499878-0.4500122,1-1,1h-6c-0.5499878,0-1-0.4500122-1-1v-6c0-0.5499878,0.4500122-1,1-1h6    C16.5499878,25,17,25.4500122,17,26z" style="" fill="currentColor"></path><path d="M29,26v6c0,0.5499878-0.4500122,1-1,1h-6c-0.5499878,0-1-0.4500122-1-1v-6c0-0.5499878,0.4500122-1,1-1h6    C28.5499878,25,29,25.4500122,29,26z" style="" fill="currentColor"></path><path d="M17,36v6c0,0.5499878-0.4500122,1-1,1h-6c-0.5499878,0-1-0.4500122-1-1v-6c0-0.5499878,0.4500122-1,1-1h6    C16.5499878,35,17,35.4500122,17,36z" style="" fill="currentColor"></path><path d="M29,36v6c0,0.5499878-0.4500122,1-1,1h-6c-0.5499878,0-1-0.4500122-1-1v-6c0-0.5499878,0.4500122-1,1-1h6    C28.5499878,35,29,35.4500122,29,36z" style="" fill="currentColor"></path><path d="M61,30H36v-5c-0.0300293-1.3099976-1.9699707-1.3200073-2,0v21.4699707C34,46.75,33.7600098,47,33.4699707,47    c-7.2099609-0.0100098-21.7299805,0-28.9399414,0C4.2399902,47,4,46.7600098,4,46.4699707V11.5299683    C4,11.2399902,4.2399902,11,4.5300293,11h27.6499634c-0.0899658,0.4699707-0.1300049,0.9599609-0.1499634,1.4400024    c-0.1400146,2.539978,0.6299438,5.1199951,2.1699829,7.1399536c0,0.0100098,0,0.0100098,0,0.0100098    c0.0100098,0.0100098,0.0100098,0.0200195,0.0199585,0.0200195C40.4400024,28.039978,54.0999756,23.3699951,54,13    C53.8699951,0.9599609,37.3099976-2.3099976,32.8200073,9H4.5300293C3.1300049,9,2,10.1400146,2,11.5299683v34.9400024    C2,47.8699951,3.1300049,49,4.5300293,49H18v12c0,0.5499878,0.4500122,1,1,1h42c0.5499878,0,1-0.4500122,1-1V31    C62,30.4500122,61.5499878,30,61,30z M41.210022,7.7600098H42V6.6400146c0-0.5600586,0.4500122-1,1-1s1,0.4399414,1,1v1.1199951    h2.1799927c1.3200073,0.0199585,1.3200073,1.9799805,0,2h-4.9500122C39.75,9.7799683,39.75,11.9899902,41.2600098,12h3.5100098    c2.6599731-0.1700439,4.1900024,3.5899658,2.1799927,5.3499756C46.2199707,18.1400146,45.0499878,18.3099976,44,18.2399902    v1.1199951c0,0.5599976-0.4500122,1-1,1s-1-0.4400024-1-1v-1.1199951h-2.1799927c-0.5499878,0-1-0.4500122-1-1s0.4500122-1,1-1    h4.9500122c0.2999878,0,0.5799561-0.1099854,0.789978-0.3300171C46.1900024,15.3399658,45.8400269,14,44.7999878,14h-3.5700073    C37.1199951,13.8800049,37.1199951,7.8999634,41.210022,7.7600098z M56,57H45c-1.3200073-0.0200195-1.3099976-1.9800415,0-2h11    C57.3200073,55.0199585,57.3099976,56.9799805,56,57z M56,52h-6c-1.3200073-0.0200195-1.3099976-1.9800415,0-2h6    C57.3200073,50.0199585,57.3099976,51.9799805,56,52z M56,42h-5.539978L38.7600098,55.6499634    C38.5599976,55.8800049,38.2800293,56,38,56c-0.1500244,0-0.2999878-0.0300293-0.4500122-0.1099854l-5.3499756-2.6700439    l-2.4899902,2.4899902c-0.9299927,0.9200439-2.3400269-0.4899902-1.4200439-1.4199829l3-3    c0.3099976-0.2999878,0.7700195-0.3800049,1.1600342-0.1799927L37.75,53.7600098l11.4899902-13.4100342    C49.4299927,40.1300049,49.710022,40,50,40h6C57.3200073,40.0199585,57.3099976,41.9799805,56,42z" style="" fill="currentColor"></path></g></g></svg>
                </span>
                <h5 class="text-white text-[26px] font-bold mb-[20px]">Cost reduction</h5>
                <p class="mt-auto text-white text-[17px]">Our services are strategically crafted to minimize your costs, ensuring cost-effective operations.</p>
            </div>
            <div class="flex flex-col px-[30px] pt-[40px] pb-[50px] bg-[#43176a]">
                <span class="w-[50px] aspect-square mb-[25px] text-[#ffcb0b]">
                    <svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;max-width:100%" xml:space="preserve" height="100%"><switch style="" fill="currentColor"><foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1" style="" fill="currentColor"></foreignObject><g i:extraneous="self" style="" fill="currentColor"><g style="" fill="currentColor"><path d="M5273.1,2400.1v-2c0-2.8-5-4-9.7-4s-9.7,1.3-9.7,4v2c0,1.8,0.7,3.6,2,4.9l5,4.9c0.3,0.3,0.4,0.6,0.4,1v6.4     c0,0.4,0.2,0.7,0.6,0.8l2.9,0.9c0.5,0.1,1-0.2,1-0.8v-7.2c0-0.4,0.2-0.7,0.4-1l5.1-5C5272.4,2403.7,5273.1,2401.9,5273.1,2400.1z      M5263.4,2400c-4.8,0-7.4-1.3-7.5-1.8v0c0.1-0.5,2.7-1.8,7.5-1.8c4.8,0,7.3,1.3,7.5,1.8C5270.7,2398.7,5268.2,2400,5263.4,2400z" style="" fill="currentColor"></path><path d="M5268.4,2410.3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h4.3c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1H5268.4z" style="" fill="currentColor"></path><path d="M5272.7,2413.7h-4.3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h4.3c0.6,0,1-0.4,1-1C5273.7,2414.1,5273.3,2413.7,5272.7,2413.7z" style="" fill="currentColor"></path><path d="M5272.7,2417h-4.3c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h4.3c0.6,0,1-0.4,1-1C5273.7,2417.5,5273.3,2417,5272.7,2417z" style="" fill="currentColor"></path></g><path d="M94.2,41.2L82.3,40c-0.4,0-0.8-0.3-0.9-0.7c-0.5-1.3-1-2.6-1.6-3.9c-0.2-0.4-0.1-0.8,0.1-1.2l7.5-9.2    c1.2-1.5,1.1-3.6-0.3-5L80,12.8c-1.3-1.3-3.5-1.5-5-0.3l-9.2,7.5c-0.3,0.3-0.8,0.3-1.2,0.1c-1.3-0.6-2.5-1.2-3.9-1.6    c-0.4-0.1-0.7-0.5-0.7-0.9L58.8,5.8c-0.2-1.9-1.8-3.3-3.7-3.3H44.9c-1.9,0-3.5,1.4-3.7,3.3L40,17.7c0,0.4-0.3,0.8-0.7,0.9    c-1.3,0.5-2.6,1-3.9,1.6c-0.4,0.2-0.8,0.1-1.2-0.1L25,12.6c-1.5-1.2-3.6-1.1-5,0.3L12.8,20c-1.3,1.3-1.5,3.5-0.3,5l7.5,9.2    c0.3,0.3,0.3,0.8,0.1,1.2c-0.6,1.3-1.2,2.5-1.6,3.9c-0.1,0.4-0.5,0.7-0.9,0.7L5.8,41.2c-1.9,0.2-3.3,1.8-3.3,3.7v10.2    c0,1.9,1.4,3.5,3.3,3.7L17.7,60c0.4,0,0.8,0.3,0.9,0.7c0.5,1.3,1,2.6,1.6,3.9c0.2,0.4,0.1,0.8-0.1,1.2L12.6,75    c-1.2,1.5-1.1,3.6,0.3,5l7.2,7.2c1.3,1.3,3.5,1.5,5,0.3l9.2-7.5c0.3-0.3,0.8-0.3,1.2-0.1c1.3,0.6,2.5,1.2,3.9,1.6    c0.4,0.1,0.7,0.5,0.7,0.9l1.2,11.8c0.2,1.9,1.8,3.3,3.7,3.3h10.2c1.9,0,3.5-1.4,3.7-3.3L60,82.3c0-0.4,0.3-0.8,0.7-0.9    c1.3-0.5,2.6-1,3.9-1.6c0.4-0.2,0.8-0.1,1.2,0.1l9.2,7.5c1.5,1.2,3.6,1.1,5-0.3l7.2-7.2c1.3-1.3,1.5-3.5,0.3-5l-7.5-9.2    c-0.3-0.3-0.3-0.8-0.1-1.2c0.6-1.3,1.2-2.5,1.6-3.9c0.1-0.4,0.5-0.7,0.9-0.7l11.8-1.2c1.9-0.2,3.3-1.8,3.3-3.7V44.9    C97.5,43,96.1,41.4,94.2,41.2z M65.9,44.7L50.1,62.4c-0.9,1-2.1,1.5-3.4,1.5c-1.3,0-2.6-0.6-3.5-1.5l-9.1-10.2    c-1.7-1.9-1.5-4.8,0.4-6.5c1.9-1.7,4.8-1.5,6.5,0.4l5.6,6.3L59,38.5c1.7-1.9,4.6-2.1,6.5-0.4C67.4,39.8,67.6,42.8,65.9,44.7z" style="" fill="currentColor"></path></g></switch></svg>
                </span>
                <h5 class="text-white text-[26px] font-bold mb-[20px]">Risk mitigation</h5>
                <p class="mt-auto text-white text-[17px]">We help reduce risks associated with transportation and logistics through our expertise and advanced technology.</p>
            </div>
            <div class="flex flex-col px-[30px] pt-[40px] pb-[50px] bg-[#43176a]">
                <span class="w-[50px] aspect-square mb-[25px] text-[#ffcb0b]">
                    <svg xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-31.5 -6 64 64" enable-background="new -31.5 -6 64 64" xml:space="preserve" style="max-width:100%" height="100%"><title style="" fill="currentColor">New Feature</title><desc style="" fill="currentColor">Created with Sketch.</desc><g sketch:type="MSPage" style="" fill="currentColor"><g transform="translate(-310.000000, -524.000000)" sketch:type="MSArtboardGroup" style="" fill="currentColor"><g transform="translate(18.000000, 22.000000)" sketch:type="MSShapeGroup" style="" fill="currentColor"><g transform="translate(0.000000, 6.000000)" style="" fill="currentColor"><g style="" fill="currentColor"><path fill="currentColor" d="M261.1,532.5v20h20.1v-20H261.1z M276.6,547.9h-10.9V537h10.9V547.9z" style=""></path><path fill="currentColor" d="M324,504.8c0-0.6-0.4-0.9-1.3-1l-11.4-1.6l-5.1-10.3c-0.3-0.6-0.7-0.9-1.1-0.9s-0.8,0.3-1.1,0.9       l-5.1,10.3l-11.4,1.6c-0.8,0.1-1.3,0.5-1.3,1c0,0.3,0.2,0.7,0.6,1.1l8.2,8l-1.9,11.3c0,0.2,0,0.4,0,0.5c0,0.3,0.1,0.6,0.2,0.8       c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.6-0.1,0.9-0.3l10.2-5.3l10.2,5.3c0.3,0.2,0.6,0.3,0.9,0.3c0.3,0,0.5-0.1,0.7-0.3       c0.2-0.2,0.2-0.5,0.2-0.8c0-0.2,0-0.3,0-0.5l-1.9-11.3l8.2-8C323.8,505.5,324,505.2,324,504.8z" style=""></path><path fill="currentColor" d="M261.1,506.4v20h20.1v-20H261.1z M276.6,521.8h-10.9V511h10.9V521.8z" style=""></path><path fill="currentColor" d="M287.3,532.5v20h20.1v-20H287.3z M302.8,547.9h-10.9V537h10.9V547.9z" style=""></path></g></g></g></g></g></svg>
                </span>
                <h5 class="text-white text-[26px] font-bold mb-[20px]">Efficiency enhancement</h5>
                <p class="mt-auto text-white text-[17px]">United fuel streamlines your supply chain activities, making them more efficient and productive.</p>
            </div>
            <div class="flex flex-col px-[30px] pt-[40px] pb-[50px] bg-[#43176a]">
                <span class="w-[50px] aspect-square mb-[25px] text-[#ffcb0b]">
                    <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 100" x="0px" y="0px" style="max-width:100%" height="100%"><path d="M51.062,31.081a1.445,1.445,0,0,0-1.27-.745H43.671a1.39,1.39,0,0,0-.373.055A1.468,1.468,0,0,0,42.2,31.8v6.549a18.29,18.29,0,0,0-3.427,1.161A17.267,17.267,0,0,0,36.41,40.75l-4.621-4.621a1.46,1.46,0,0,0-2.081,0l-1.2,1.205-3.12,3.121a1.474,1.474,0,0,0-.318,1.609,1.559,1.559,0,0,0,.318.46l3.427,3.428.34.339.854.866c-.121.186-.23.383-.34.58a19.241,19.241,0,0,0-2.058,5.213H21.068A1.467,1.467,0,0,0,19.6,54.417v6.122a1.467,1.467,0,0,0,1.468,1.467h6.538a19.21,19.21,0,0,0,2.4,5.8l-.11.11-4.511,4.511a1.467,1.467,0,0,0,0,2.07l4.325,4.337a1.5,1.5,0,0,0,2.081,0l4.621-4.632A19.49,19.49,0,0,0,42.2,76.615v6.538a1.472,1.472,0,0,0,1.468,1.456h6.121a1.465,1.465,0,0,0,1.468-1.456V76.615a19.675,19.675,0,0,0,5.8-2.409l4.621,4.632a1.5,1.5,0,0,0,2.081,0L68.08,74.5a1.447,1.447,0,0,0,0-2.07L63.459,67.81a19.259,19.259,0,0,0,2.409-5.8h6.538a1.467,1.467,0,0,0,1.467-1.467V54.417a1.467,1.467,0,0,0-1.467-1.467H65.868a19.376,19.376,0,0,0-2.409-5.8l4.621-4.622a1.446,1.446,0,0,0,0-2.069l-4.314-4.326a1.46,1.46,0,0,0-2.081,0L57.064,40.75a19.363,19.363,0,0,0-5.8-2.4V31.8A1.343,1.343,0,0,0,51.062,31.081ZM57.611,52.95c0,.011.011.022.011.043a11.78,11.78,0,0,1,0,8.969c0,.022-.011.033-.011.044a11.94,11.94,0,0,1-6.351,6.352h-.033a11.808,11.808,0,0,1-8.98,0H42.2a11.883,11.883,0,0,1-6.34-6.352c-.011-.011-.011-.022-.011-.044a11.494,11.494,0,0,1-.887-4.479A11.866,11.866,0,0,1,35.1,55.7a11.112,11.112,0,0,1,.723-2.617c.011-.033.022-.055.033-.088s0-.032.011-.043a11.8,11.8,0,0,1,2.42-3.669,9.612,9.612,0,0,1,.931-.854A11.417,11.417,0,0,1,42.2,46.609a.136.136,0,0,0,.033-.022,10.886,10.886,0,0,1,1.3-.449,11.86,11.86,0,0,1,3.2-.438,11.542,11.542,0,0,1,3.855.657,6.228,6.228,0,0,1,.635.23c.011,0,.022.011.033.022A11.843,11.843,0,0,1,57.611,52.95ZM21.021,23.526a1.028,1.028,0,0,1,.222-1.117l2.246-2.246.759-.77a1.039,1.039,0,0,1,1.445,0l3.2,3.216a11.065,11.065,0,0,1,1.645-.854,11.547,11.547,0,0,1,2.383-.812V16.4a1.031,1.031,0,0,1,1.023-1.023H38.2A1.015,1.015,0,0,1,39.211,16.4v4.545a13.427,13.427,0,0,1,4.028,1.666l3.227-3.216a1.025,1.025,0,0,1,1.434,0l3,3.016a.988.988,0,0,1,0,1.434l-3.206,3.2c.021.042.053.085.074.127H43.671a4.747,4.747,0,0,0-2.457.706,7.473,7.473,0,0,0-2-1.2c-.011-.01-.011-.01-.021-.01a8.267,8.267,0,0,0-6.243,0,.034.034,0,0,0-.021.01,8.182,8.182,0,0,0-2.72,1.846c-.095.105-.19.21-.274.316-.032-.042-.064-.1-.095-.137A4.2,4.2,0,0,0,27.042,27L23.9,26.5l-.042-.042-2.615-2.615A1.012,1.012,0,0,1,21.021,23.526ZM15.4,63.733a15.1,15.1,0,0,1-4.039-2.467l-3.986,2.9a1.121,1.121,0,0,1-1.55-.253l-2.72-3.744a1.1,1.1,0,0,1,.253-1.55L7.345,55.73a14.836,14.836,0,0,1-1.1-4.619l-4.882-.78a1.106,1.106,0,0,1-.918-1.255l.717-4.566a1.136,1.136,0,0,1,1.287-.938l4.872.791a14.252,14.252,0,0,1,2.488-4.049l-2.91-4a1.112,1.112,0,0,1,.242-1.55l3.754-2.71a1.1,1.1,0,0,1,1.54.243l2.889,4.007a16.341,16.341,0,0,1,1.9-.665,16.014,16.014,0,0,1,2.721-.443l.664-4.123.116-.759a1.1,1.1,0,0,1,1.265-.917l1.245.2,3.321.517a1.108,1.108,0,0,1,.918,1.265L27,34.366l-3.859,3.849a4.546,4.546,0,0,0-1.329,2.921,8.952,8.952,0,0,0-2.8.222h-.042a8.976,8.976,0,0,0-5.483,3.985.038.038,0,0,1-.011.022,8.809,8.809,0,0,0-1.065,6.685v.042a8.921,8.921,0,0,0,1.455,3.132,8.77,8.77,0,0,0,2.531,2.351c.011.011.021.011.021.021s.011.011.021.011v2.931a4.636,4.636,0,0,0,4.629,4.63h1.044l-.717,4.523a1.114,1.114,0,0,1-1.265.918l-4.566-.717a1.123,1.123,0,0,1-.928-1.287ZM80.146,87.1a47.575,47.575,0,0,1-65.779-9.195A39.658,39.658,0,0,0,78.4,31.171l-5.673,4.165A1.763,1.763,0,0,1,69.917,34L68.589,5.5a1.758,1.758,0,0,1,2.362-1.729l26.8,9.785A1.76,1.76,0,0,1,98.2,16.62l-7.033,5.156A47.564,47.564,0,0,1,80.146,87.1Z" style="" fill="currentColor"></path></svg>
                </span>
                <h5 class="text-white text-[26px] font-bold mb-[20px]">Continuous improvement</h5>
                <p class="mt-auto text-white text-[17px]">We are constantly expanding our network to bring added value and functionality to our partners.</p>
            </div>
            <div class="flex flex-col px-[30px] pt-[40px] pb-[50px] bg-[#43176a]">
                <span class="w-[50px] aspect-square mb-[25px] text-[#ffcb0b]">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" style="max-width:100%" height="100%"><path d="M57.41,30.996c1.414,0,2.844,0.385,3.889,1.137l7.7,7.054c1.933,1.393,4.939,3.857,6.684,5.477l6.993,6.5l12.33-14.29  L75.843,18.53l-4.613,4.528c0,0-1.542-0.349-2.615-0.87l-7.227-3.516c-0.879-0.428-1.961-0.635-3.064-0.635  c-1.586,0-3.219,0.427-4.364,1.236l-11.18,7.842c-1.944,1.373-2.374,4.061-0.955,5.975l0.663,0.895  c0.908,1.225,2.396,1.895,3.884,1.895c0.836,0,1.671-0.212,2.404-0.654l5.304-3.386C55.016,31.274,56.207,30.996,57.41,30.996z" style="" fill="currentColor"></path><path d="M44.438,69.704l-0.811-0.77c-0.834-0.796-1.911-1.191-2.986-1.191c-1.145,0-2.286,0.447-3.133,1.336l-0.013-0.023  c1.642-1.723,1.576-4.478-0.146-6.119l-0.809-0.771c-0.83-0.792-1.899-1.184-2.967-1.184c-1.08,0-2.159,0.4-2.992,1.189l1.622-1.7  c1.644-1.722,1.58-4.478-0.146-6.12l-0.807-0.771c-0.832-0.793-1.904-1.186-2.975-1.186c-1.111,0-2.222,0.422-3.063,1.26  c1.352-1.729,1.218-4.244-0.402-5.789l-0.805-0.768c-0.836-0.797-1.913-1.191-2.988-1.191c-1.145,0-2.287,0.447-3.134,1.336  l-8.13,8.523c-1.644,1.723-1.579,4.477,0.148,6.119l0.806,0.769c0.829,0.79,1.895,1.181,2.96,1.181c0.981,0,1.963-0.331,2.761-0.983  l-2.142,2.245c-1.642,1.724-1.576,4.478,0.145,6.121l0.812,0.77c0.835,0.796,1.911,1.191,2.985,1.191  c1.145,0,2.287-0.447,3.134-1.336l1.672-1.754c-1.487,1.729-1.39,4.355,0.28,5.947l0.811,0.771c0.834,0.795,1.91,1.19,2.984,1.19  c1.146,0,2.288-0.448,3.135-1.337l2.688-2.779c-1.644,1.723-1.58,4.477,0.145,6.121l0.809,0.77c0.834,0.797,1.911,1.191,2.985,1.191  c1.145,0,2.287-0.447,3.135-1.337l4.578-4.8C46.226,74.102,46.159,71.347,44.438,69.704z" style="" fill="currentColor"></path><g style="" fill="currentColor"><path d="M82.552,55.243L71.617,45.085c-1.483-1.255-3.169-2.598-4.372-3.465l-0.143-0.103l-0.13-0.119l-7.539-6.906   c-0.498-0.308-1.257-0.496-2.023-0.496c-0.676,0-1.328,0.147-1.756,0.397l-5.265,3.361l-0.032,0.02l-0.032,0.02   c-1.176,0.71-2.544,1.086-3.954,1.086c-2.497,0-4.85-1.162-6.294-3.107l-0.663-0.895c-1.172-1.581-1.646-3.518-1.335-5.454   c0.31-1.935,1.364-3.624,2.978-4.764l4.422-3.103c-2.041-0.937-5.354-0.977-7.484-0.064c0,0-2.362,1.037-3.118,1.357   c-1.759,0.746-4.219,0.735-4.219,0.735l-5.776-5.381L4.994,37.963l8.979,9.031l1.739-1.823c1.373-1.439,3.307-2.266,5.306-2.266   c1.895,0,3.691,0.717,5.059,2.021l0.805,0.768c1.097,1.046,1.802,2.352,2.101,3.733c1.627,0.155,3.147,0.846,4.342,1.984   l0.801,0.766c1.416,1.348,2.222,3.169,2.269,5.131c0.01,0.408-0.014,0.812-0.068,1.207c0.84,0.342,1.615,0.84,2.287,1.48   l0.807,0.77c1.178,1.123,1.899,2.547,2.159,4.038c1.544,0.196,2.98,0.874,4.115,1.956l0.816,0.775   c2.445,2.333,2.914,5.965,1.371,8.803l2.217,2.063c1.741,1.622,4.495,1.521,6.117-0.223l0.758-0.817   c1.587-1.71,1.507-4.372-0.137-6l5.61,5.204c1.746,1.619,4.499,1.518,6.121-0.229l0.758-0.814c1.611-1.734,1.518-4.463-0.2-6.088   l1.442,1.342c1.744,1.62,4.498,1.518,6.117-0.227l0.759-0.815c1.62-1.745,1.519-4.5-0.225-6.12L76,62.482   c1.75,1.53,4.427,1.412,6.017-0.302l0.762-0.817C84.397,59.618,84.297,56.864,82.552,55.243z" style="" fill="currentColor"></path></g></svg>
                </span>
                <h5 class="text-white text-[26px] font-bold mb-[20px]">Reliable partner</h5>
                <p class="mt-auto text-white text-[17px]">Partner with United fuel for safe, efficient, and dependable logistics services.</p>
            </div>
        </div>
    </div>
</div>

<div class="mb-[120px]" id="ourPartners">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <h2 class="text-center text-[42px] mb-[25px] font-bold leading-[1.2] mb-[50px]">Our Partners</span></h2>

        <div class="grid grid-cols-6 gap-[30px] max-lg:grid-cols-4 max-md:grid-cols-3 max-sm:grid-cols-2">
            <div class="flex items-center justify-center w-full h-[110px] bg-[#ebeeee]">
                <img src="images/partner-1.png" alt="" class="w-[130px] h-[70px] object-contain">
            </div>
            <div class="flex items-center justify-center w-full h-[110px] bg-[#ebeeee]">
                <img src="images/partner-2.png" alt="" class="w-[130px] h-[70px] object-contain">
            </div>
            <div class="flex items-center justify-center w-full h-[110px] bg-[#ebeeee]">
                <img src="images/partner-3.png" alt="" class="w-[130px] h-[70px] object-contain">
            </div>
            <div class="flex items-center justify-center w-full h-[110px] bg-[#ebeeee]">
                <img src="images/partner-4.png" alt="" class="w-[130px] h-[70px] object-contain">
            </div>
            <div class="flex items-center justify-center w-full h-[110px] bg-[#ebeeee]">
                <img src="images/partner-5.png" alt="" class="w-[130px] h-[70px] object-contain">
            </div>
            <div class="flex items-center justify-center w-full h-[110px] bg-[#ebeeee]">
                <img src="images/partner-6.png" alt="" class="w-[130px] h-[70px] object-contain">
            </div>
        </div>
    </div>
</div>

<div class="parallax relative bg-cover bg-[url('images/bg-4.webp')]">
    <div class="absolute top-0 left-0 right-0 bottom-0 bg-[#0c0409]/80"></div>
    <div class="relative py-[150px]">
        <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
            <div class="grid lg:grid-cols-3 gap-[30px]">
                <div>
                    <div class="text-[20px] text-[#e0e0e0] mb-[20px] font-bold">Coverage</div>
                    <h2 class="text-[34px] text-white mb-[25px] font-bold leading-[1.2]">Comprehensive сoverage and availability</h2>
                </div>
                <div>
                    <div class="w-[70px] text-white mb-[20px]">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;max-width:100%" xml:space="preserve" height="100%"><path d="M364.6,441.7l100.7-61.6L404.7,187L304,248.5L364.6,441.7z M242.7,72.2c-44.8-44.8-117.5-44.8-162.3,0  C59.5,93,46.7,121.6,46.7,153.3c0,26.6,13.4,61.9,31.9,97.6c25.2,48.6,59.6,97.5,82.9,126.2c39.3-48.5,114.8-160.5,114.8-223.8  C276.3,121.6,263.4,93,242.7,72.2L242.7,72.2z M192.6,356.2c-9.8,13.5-18.9,25.2-26.5,34.2c-2.4,2.9-6.9,2.8-9.3-0.1  c-22.1-26.5-57.2-75.1-84-124.8l-24,14.7l60.6,193.2l100.7-61.6L192.6,356.2z M261.7,243.2c-16.9,35-39.5,71.1-60.3,100.8l20.6,65.5  l130.3,32.9l-60.1-191.6L261.7,243.2z M219.6,95.3c-32.1-32.1-84-32.1-116.1,0c-32.1,32.1-32.1,84,0,116.1  c32.1,32.1,84,32.1,116.1,0C251.6,179.3,251.6,127.3,219.6,95.3L219.6,95.3z M161.5,59.3c52,0,94.1,42.1,94.1,94.1  c0,52-42.1,94.1-94.1,94.1s-94.1-42.1-94.1-94.1C67.4,101.4,109.5,59.3,161.5,59.3L161.5,59.3z M176.5,110.8l-32.7,20.4v39.1  l32.7,20.4V110.8z M131.8,133.8h-17.1c-3.8,0-7,3.1-7,7v19.8c0,3.8,3.2,7,7,7h17.1V133.8z M190.6,142.8c-0.6-0.7-1.3-1.2-2.1-1.8  v21.1C194.9,157.7,195.8,148.4,190.6,142.8L190.6,142.8z M206,178.9c-2.4-2.2-2.6-6-0.4-8.4c2.2-2.4,6-2.6,8.5-0.4l6,5.5  c2.4,2.2,2.6,6,0.4,8.5c-2.2,2.4-6,2.6-8.5,0.3L206,178.9z M214.1,133c-2.4,2.2-6.2,2.1-8.5-0.3c-2.2-2.4-2.1-6.2,0.4-8.5l6-5.5  c2.4-2.2,6.2-2.1,8.5,0.3c2.2,2.4,2.1,6.2-0.4,8.4L214.1,133z M216.9,157.5c-3.3,0-6-2.7-6-6s2.7-6,6-6h9.7c3.3,0,6,2.7,6,6  s-2.7,6-6,6H216.9z M130.4,179.5v19.1c0,3.3-2.7,6-6,6c-3.3,0-6-2.7-6-6v-19.1h-3.8c-10.5,0-19-8.5-19-19v-19.8c0-10.5,8.5-19,19-19  h21.4l43.3-26.9c4-2.5,9.2,0.4,9.2,5.1l0,0v27.9c17.3,5.2,23.4,27.2,10.8,40.6c-2.9,3.1-6.6,5.4-10.8,6.7v26.1  c0,4.6-5.1,7.8-9.5,4.9l-42.9-26.7H130.4z" style="" fill="currentColor"></path></svg>
                    </div>
                    <div class="text-[44px] text-white font-bold leading-[1]">48</div>
                    <div class="w-[110px] h-[2px] my-[15px] bg-[#ffcb0b]"></div>
                    <p class="text-[19px] text-white font-medium">We operate in all 48 states</p>
                </div>
                <div>
                    <div class="w-[70px] text-white mb-[20px]">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" style="max-width:100%" height="100%"><g style="" fill="currentColor"><circle cx="50.465" cy="52.275" r="30.859" style="" fill="currentColor"></circle></g><path d="M91.378,42h-0.081C87.519,23,70.648,8.392,50.465,8.392C30.283,8.392,13.412,23,9.634,42H9.622C7.346,42,5,43.357,5,45.633  v16.031C5,63.941,7.346,66,9.622,66h3.893C15.792,66,18,63.941,18,61.664V45.633c0-1.699-1.209-3.156-2.677-3.788  c3.532-16.25,17.937-28.467,35.233-28.467c17.307,0,31.583,12.233,35.103,28.498C84.226,42.522,83,43.959,83,45.633v16.031  c0,2.199,2,3.991,4,4.111v3.21L60.271,88.08l2.199,2.788L91,70.751V66h0.378C93.654,66,95,63.941,95,61.664V45.633  C95,43.357,93.654,42,91.378,42z" style="" fill="currentColor"></path></svg>
                    </div>
                    <div class="text-[44px] text-white font-bold leading-[1]">365/24/7</div>
                    <div class="w-[110px] h-[2px] my-[15px] bg-[#ffcb0b]"></div>
                    <p class="text-[19px] text-white font-medium">Our services are available 365 days a year, 24/7</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="py-[120px] bg-[#43176a]" id="testmonials">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[30px]">
            <div>
                <div class="w-full max-w-[570px]">
                    <div class="text-[20px] text-white mb-[20px] font-bold">Testimonials</div>
                    <h2 class="text-[42px] text-white mb-[40px] font-bold leading-[1.2]">What Our <span class="text-[#ffcb0b]">Clients</span> Say</h2>
                    <div class="flex items-start">
                        <a href="tel:+1 888-502-3442" class="flex items-center justify-center min-w-[70px] mr-[15px] aspect-square bg-[#0558a3] rounded-full">
                            <div class="w-[40px] text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" style="max-width:100%" height="100%"><path d="M13,81.1c-5.6,0-10.2-4.6-10.2-10.2V29.1c0-5.6,4.6-10.2,10.2-10.2h61.2c5.6,0,10.2,4.6,10.2,10.2v15.5  c-0.5-0.1-1.1-0.1-1.6-0.1h-1.3c-5.3,0-9.6,4.3-9.6,9.6v6.2c0,1.4,0.4,2.8,1.3,3.9v2.2c-0.1,0.1-0.2,0.1-0.4,0.2l-18.1-17L74,33.1  c1.1-0.9,1.2-2.5,0.3-3.5c-0.9-1.1-2.5-1.2-3.5-0.3l-27.2,23l-27.2-23c-1.1-0.9-2.6-0.8-3.5,0.3c-0.9,1.1-0.8,2.6,0.3,3.5l19.4,16.4  L13.1,67.8c-1,0.9-1.1,2.5-0.1,3.5c0.5,0.5,1.2,0.8,1.8,0.8c0.6,0,1.2-0.2,1.7-0.7l19.9-18.7l5.6,4.7c0.5,0.4,1,0.6,1.6,0.6  s1.2-0.2,1.6-0.6l5.6-4.7l17.5,16.5c-0.9,0.6-1.9,1.4-2.8,2.1c-1.6,1.3-2.6,3.3-2.6,5.4v4.3H13z M97.2,76.8c0-0.9-0.4-1.8-1.1-2.3  c-3.9-3.2-8-5.3-8.9-5.7c-0.1,0-0.2-0.1-0.2-0.2v-6c0.8-0.5,1.3-1.4,1.3-2.3V54c0-3.1-2.5-5.6-5.6-5.6h-0.7h-0.7  c-3.1,0-5.6,2.5-5.6,5.6v6.2c0,1,0.5,1.8,1.3,2.3v6c0,0.1-0.1,0.2-0.2,0.2c-0.8,0.4-5,2.5-8.9,5.7c-0.7,0.6-1.1,1.4-1.1,2.3v4.3  h15.1h15.1V76.8z" style="" fill="currentColor"></path></svg>
                            </div>
                        </a>
                        <div class="text-[18px] text-white">
                            <strong><a href="#" class="underline">Leave your mention</a></strong>
                            <p>Send us an email to share what you think about our services.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="xl:col-span-2">
                <div class="relative">
                    <div id="sliderTestimonials" class="owl-carousel">
                        <div class="p-[30px] pb-[60px] bg-white/[0.05]">
                            <div class="w-[50px] mb-[25px] text-[#e87349]">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve" style="max-width:100%" height="100%"><g style="" fill="currentColor"><path d="M420.586,346.029c0,27.717-6,54.371-17.093,79.371c64.561-43.279,105.525-105.061,107.213-173.808l1.25-1.406V85.381   H299.279v213.306h115.338C418.523,314.029,420.586,329.842,420.586,346.029z" style="" fill="currentColor"></path><path d="M116.258,298.688c4.125,15.717,6.281,31.938,6.281,48.527c0,27.719-6.031,54.404-17.124,79.404   c65.402-43.842,106.588-106.621,107.275-176.432h0.031v-0.844c0-0.344,0-0.656,0-1c0-0.344,0-0.688,0-1.031V85.381H0.044v213.306   H116.258z" style="" fill="currentColor"></path></g></svg>
                            </div>
                            <p class="text-[17px] text-white font-medium mb-[20px]">"Pretty good fleet cards with reasonable savings and 24/7 multilingual customer service. I would highly recommend to get these cards to minimize the fuel costs and to maximize the fleet convenience."</p>
                            <div class="text-[26px] text-white font-bold mb-[5px]">Steven Wilkinson</div>
                            <span class="text-[18px] text-[#e0e0e0]">Manager at Double Tap Transportation LLC</span>
                        </div>
                        <div class="p-[30px] pb-[60px] bg-white/[0.05]">
                            <div class="w-[50px] mb-[25px] text-[#e87349]">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve" style="max-width:100%" height="100%"><g style="" fill="currentColor"><path d="M420.586,346.029c0,27.717-6,54.371-17.093,79.371c64.561-43.279,105.525-105.061,107.213-173.808l1.25-1.406V85.381   H299.279v213.306h115.338C418.523,314.029,420.586,329.842,420.586,346.029z" style="" fill="currentColor"></path><path d="M116.258,298.688c4.125,15.717,6.281,31.938,6.281,48.527c0,27.719-6.031,54.404-17.124,79.404   c65.402-43.842,106.588-106.621,107.275-176.432h0.031v-0.844c0-0.344,0-0.656,0-1c0-0.344,0-0.688,0-1.031V85.381H0.044v213.306   H116.258z" style="" fill="currentColor"></path></g></svg>
                            </div>
                            <p class="text-[17px] text-white font-medium mb-[20px]">"Everyone I spoke with, from United Transport , provides excellent customer service, and took the time to answer all of our questions."</p>
                            <div class="text-[26px] text-white font-bold mb-[5px]">Adi Pavlowsky</div>
                            <span class="text-[18px] text-[#e0e0e0]">Fleet Manager at Energy Trucking LLC</span>
                        </div>
                        <div class="p-[30px] pb-[60px] bg-white/[0.05]">
                            <div class="w-[50px] mb-[25px] text-[#e87349]">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve" style="max-width:100%" height="100%"><g style="" fill="currentColor"><path d="M420.586,346.029c0,27.717-6,54.371-17.093,79.371c64.561-43.279,105.525-105.061,107.213-173.808l1.25-1.406V85.381   H299.279v213.306h115.338C418.523,314.029,420.586,329.842,420.586,346.029z" style="" fill="currentColor"></path><path d="M116.258,298.688c4.125,15.717,6.281,31.938,6.281,48.527c0,27.719-6.031,54.404-17.124,79.404   c65.402-43.842,106.588-106.621,107.275-176.432h0.031v-0.844c0-0.344,0-0.656,0-1c0-0.344,0-0.688,0-1.031V85.381H0.044v213.306   H116.258z" style="" fill="currentColor"></path></g></svg>
                            </div>
                            <p class="text-[17px] text-white font-medium mb-[20px]">"Found out your company about 5 months ago and have been working with United Fuel Cards ever since. Cards had made my stuff with fuel way easier, convenient to use, stable discounts and one of the most professional services I have ever faced!"</p>
                            <div class="text-[26px] text-white font-bold mb-[5px]">Emily Walker</div>
                            <span class="text-[18px] text-[#e0e0e0]">Fleet specialist at GT Transportation LLC</span>
                        </div>
                    </div>

                    <a href="javascript:void(0);" class="sliderTestimonialsNavPrev absolute top-[calc(50%_-_16px)] -left-[16px] z-10 flex items-center justify-center w-[32px] aspect-square rounded-full bg-[#e6e0eb]">
                        <div class="w-[20px] text-[#473b4c] rotate-180">
                            <svg class="arrow-svg_1j4" viewBox="0 0 30 30"><defs><path d="M19.533 15l-9.1-9.45c-.577-.6-.577-1.5 0-2.1.578-.6 1.445-.6 2.023 0l10.11 10.5c.29.3.434.75.434 1.05 0 .45-.144.75-.433 1.05l-10.111 10.5c-.29.3-.578.45-1.012.45-.433 0-.722-.15-1.01-.45-.578-.6-.578-1.5 0-2.1l9.1-9.45z" id="a-1696959100268"></path></defs><use fill-rule="nonzero" opacity=".8" xlink:href="#a-1696959100268"></use></svg>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="sliderTestimonialsNavNext absolute top-[calc(50%_-_16px)] -right-[16px] z-10 flex items-center justify-center w-[32px] aspect-square rounded-full bg-[#e6e0eb]">
                        <div class="w-[20px] text-[#473b4c]">
                            <svg class="arrow-svg_1j4" viewBox="0 0 30 30"><defs><path d="M19.533 15l-9.1-9.45c-.577-.6-.577-1.5 0-2.1.578-.6 1.445-.6 2.023 0l10.11 10.5c.29.3.434.75.434 1.05 0 .45-.144.75-.433 1.05l-10.111 10.5c-.29.3-.578.45-1.012.45-.433 0-.722-.15-1.01-.45-.578-.6-.578-1.5 0-2.1l9.1-9.45z" id="a-1696959100268"></path></defs><use fill-rule="nonzero" opacity=".8" xlink:href="#a-1696959100268"></use></svg>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="py-[120px]" id="contactUs">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-[30px]">
            <div>
                <div class="text-[20px] text-[#868686] mb-[20px] font-bold">Write us</div>
                <h2 class="text-[42px] mb-[25px] font-bold leading-[1.2]">Contacts</h2>
                <div class="text-[20px]">
                    <div class="mb-[20px]">
                        <div class="mb-[5px] text-[17px] text-[#313131]">Phone number:</div>
                        <a href="tel:+1 888-502-3442" class="text-[19px] font-bold underline text-[#0c060a]">+1 888-502-3442</a>
                    </div>
                    <div class="mb-[20px]">
                        <div class="mb-[5px] text-[17px] text-[#313131]">E-mail:</div>
                        <a href="mailto:admin@unitedtransportllc.org" class="text-[19px] font-bold underline text-[#0c060a]">admin@unitedtransportllc.org</a>
                    </div>
                    <div class="mb-[20px]">
                        <div class="mb-[5px] text-[17px] text-[#313131]">Company:</div>
                        <strong class="text-[19px] text-[#0c060a]">175 Strafford Ave Suite One, Wayne, PA 19087</strong>
                    </div>
                </div>
            </div>
            <div>
                <iframe class="w-full" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1527.1695560887563!2d-75.39918714105545!3d40.04553260000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c695d32a7c5153%3A0xf9f26eb36fb9858d!2sShona%20R%20Furman%3A%20Primerica%20-%20Financial%20Services!5e0!3m2!1suk!2sua!4v1696603744983!5m2!1suk!2sua" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                <script async="" class="embed-code-script_1QA" src="data:text/javascript;base64,Ly8g0KLRg9GCINCy0Lgg0LzQvtC20LXRgtC1INC00L7QtNCw0YLQuCDRgdCy0ZbQuSDQstC70LDRgdC90LjQuSBqcy3QutC+0LQ="></script>
            </div>
        </div>
    </div>
</div>

<div class="bg-[#0c0409]">
    <div class="xl:max-w-[1180px] lg:max-w-[1180px] md:max-w-[720px] sm:max-w-[540px] mx-auto px-[15px]">
        <div class="flex items-center justify-between py-[30px] max-lg:flex-col max-lg:gap-[25px]">
            <img src="images/logo.svg" alt="" class="w-[170px]">
            <ul class="flex gap-[15px] max-lg:flex-col max-lg:text-center">
                <li><a href="#aboutUs" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">About us</a></li>
                <li><a href="#ourClub" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Our Fuel Club</a></li>
                <li><a href="#ourServices" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Services</a></li>
                <li><a href="#testmonials" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Testmonials</a></li>
                <li><a href="#coreValues" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Values</a></li>
                <li><a href="#ourGoals" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Goals</a></li>
                <li><a href="#ourPartners" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Partners</a></li>
                <li><a href="#faq" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">FAQ</a></li>
                <li><a href="#contactUs" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Contact us</a></li>
                <li><a href="#coverage" class="text-white text-[17px] hover:text-[#ffcb0b] transition-colors">Coverage</a></li>
            </ul>
        </div>
        <div class="border-0 border-t border-solid border-[#474146] max-md:py-4">
            <ul class="flex justify-between max-md:flex-col max-md:items-center">
                <li class="text-[17px] text-white my-[17px] max-md:my-2"><a href="#" class="hover:text-[#ffcb0b] transition-colors">Privacy policy</a></li>
                <li class="text-[17px] text-white my-[17px] max-md:my-2">All rights Reserved ©2023</li>
                <li class="text-[17px] text-white my-[17px] max-md:my-2"></li>
            </ul>
        </div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
